<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href="../assets/css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../assets/css/ace.min.css" />
		<link rel="stylesheet" href="../assets/css/ace-rtl.min.css" />
		<link rel="stylesheet" href="../assets/css/ace-skins.min.css" />
    <link rel="stylesheet" href="../css/style.css"/>
    <link rel="stylesheet" href="../assets/layui.css">
    <link rel="stylesheet" href="../assets/view.css">
<title>无标题文档</title>
</head>
		<!--[if lte IE 8]>
<link rel="stylesheet" href="../assets/css/ace-ie.min.css"/>
<![endif]-->/
		<script src="../assets/js/ace-extra.min.js"></script>
		<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.min.js"></script>
<![endif]-->
        		<!--[if !IE]> -->
		<script src="../assets/js/jquery.min.js"></script>
		<!-- <![endif]-->
        <style type="text/css">
         html { overflow-x:hidden; }
        </style>
<body >
  <div class="layui-content">
    <div class="layui-row layui-col-space20">
        <div class="layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-body chart-card">
                    <div class="chart-header">
                        <div class="metawrap">
                            <div class="meta">
                                <span>总参赛活动数</span>
                            </div>
                            <div class="total">126,560</div>
                        </div>
                    </div>
                    <div class="chart-footer">
                        <div class="field">
                            <span>日参与量</span>
                            <span>321</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-body chart-card">
                    <div class="chart-header">
                        <div class="metawrap">
                            <div class="meta">
                                <span>总课程数量</span>
                            </div>
                            <div class="total">1600</div>
                        </div>
                    </div>
                    <div class="chart-footer">
                        <div class="field">
                            <span>日参与量</span>
                            <span>152</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-body chart-card">
                    <div class="chart-header">
                        <div class="metawrap">
                            <div class="meta">
                                <span>总文章数量</span>
                            </div>
                            <div class="total">560</div>
                        </div>
                    </div>

                    <div class="chart-footer">
                        <div class="field">
                            <span>日参与量</span></span>
                            <span>21</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-body chart-card">
                    <div class="chart-header">
                        <div class="metawrap">
                            <div class="meta">
                                <span>总实时资讯篇数</span>
                            </div>
                            <div class="total">160</div>
                        </div>
                    </div>
                    <div class="chart-footer">
                        <div class="field">
                            <span>日参与量</span>
                            <span>15</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-sm12 layui-col-md12">
            <div class="layui-card">
                <div class="layui-tab layui-tab-brief">
                    <ul class="layui-tab-title">
                        <li class="layui-this">新增数</li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                        <img style="margin-right: 10px; " src="../images/match/matchs1.png"/>
                        <img style="margin-right: 10px; "  src="../images/match/matchs2.png"/>
                        <img style="margin-right: 10px; "  src="../images/match/matchs3.png"/>
                        <img style="margin-right: 10px; ;"  src="../images/match/matchs4.png"/>
                        <img style="margin-right: 10px; "  src="../images/match/matchs5.png"/>
                        <img style="margin-right: 10px;margin-top: 15px;"  src="../images/courses/course5.jpg"/>
                        <img style="margin-right: 10px;margin-top: 15px;"  src="../images/courses/course1.jpg"/>
                        <img style="margin-right: 10px;margin-top: 15px;"  src="../images/courses/course2.jpg"/>
                        <img style="margin-right: 10px;margin-top: 15px;"  src="../images/courses/course3.jpg"/>
                        <img style="margin-right: 10px;margin-top: 15px;"  src="../images/courses/course4.jpg"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../js/layui.all.js"></script>
<script>
 var element = layui.element;
</script>
</body>
</html>
